<template>
  <div class="mine-box scrllor">
    <div class="user-box-title" :style="back">
   <userinfo></userinfo>
      <div class="m-moneybox-center">
        <div class="bg_blur"></div>
        <mu-row>
          <mu-col span="4">
            <router-link to="/vacancy">

              <div class="grid-cell"> <div class="iconfont icon-money" ></div><div>余额</div> </div>
            </router-link>
          </mu-col>
          <mu-col span="4">
            <div @click="hint" class="grid-cell"><div class="iconfont icon-daijinquan" style="color:#31D19E;font-size:24PX"></div><div>代金券</div> </div>
          </mu-col>
          <mu-col span="4">
            <div @click="hint" class="grid-cell"><div class="iconfont icon-jifen" style="color:#FB6D3A;font-size:22PX"></div><div>积分</div> </div>
          </mu-col>
        </mu-row>
      </div>
    </div>

    <mu-row gutter class="list-box ">
      <mu-col span="12">
        <mu-paper>
          <mu-list>


            <mu-list-item to="/inuseorder">
              <mu-list-item-content>
                <mu-list-item-title>
                   <span class="iconfont icon-chongzhijilu"></span>
                  <span>订单管理</span>
                  <span size="25" class="fright iconfont icon-xiala2"></span>
                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <mu-list-item to="/cardlist">
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-kuaisuchongzhi"></span>
                  <span>电卡管理</span>
                  <span size="25" class="fright iconfont icon-xiala2"></span>
                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <mu-list-item>
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-kefurexian"></span>
                  <span>客服热线</span>
                   <span size="25" class="fright iconfont icon-xiala2"></span>
                  <a href="tel:15378972980" class="fright">15378972980</a>
                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <mu-list-item to="/problem">
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-fankui"></span>
                  <span> 问题反馈</span>
                   <span size="25" class="fright iconfont icon-xiala2"></span>
                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <mu-list-item to="/instruction">
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-yonghuzhinan"></span>
                  <span>用户指南</span>
                   <span size="25" class="fright iconfont icon-xiala2"></span>
                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <mu-list-item to="/vainvest">
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-kuaisuchongzhi"></span>
                  <span>快速充值</span>
                   <span size="25" class="fright iconfont icon-xiala2"></span>
                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <mu-list-item to='/bindphone'>
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-bangdingshouji"></span>
                  <span> 绑定手机号</span>
                   <span size="25" class="fright iconfont icon-xiala2"></span>
                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
            <mu-list-item to="/login">
              <mu-list-item-content>
                <mu-list-item-title>
                  <span class="iconfont icon-fenxiaoshang"></span>
                  <span> 代理商登录</span>
                   <span size="25" class="fright iconfont icon-xiala2"></span>
                </mu-list-item-title>
              </mu-list-item-content>
            </mu-list-item>
            <mu-divider></mu-divider>
          </mu-list>
        </mu-paper>
      </mu-col>
    </mu-row>
  </div>
</template>

<script>
    import { Toast } from "vant";
export default {
  data() {
    return {


      back: {
        background:
          "url(" + require("../../../assets/image/minebackimg.png") + ")",
        backgroundRepeat: "no-repeat",
        backgroundSize: "cover"
      },

    };
  },
  methods:{
      hint(){
          Toast({
              "message":"正在开发中，尽情期待",
              "duration":2000
          });
      }
  }


};
</script>

<style>

</style>
